*{
margin:0;
padding:0;
font:normal normal 11px Verdana;
list-style:none;
text-align:left;
}
body{
color:#fff;
}
.erreur{
color:#c00;
font-weight:bold;
}
.warning{
color:#940;
font-style:italic;
}
/* trucs divers ----------------------------------*/
p,h1,h2,h3,h4,h5,h6{ /* correction d'un gros bug de positionnement CSS sous internet explorer */
position:relative;
}
/* ------------------------------- styles globaux */
body{
background:url(repety.gif) repeat-y #fff;
}
a{
text-decoration:none;
color:#AE90AA;
}
a:hover{
text-decoration:underline;
color:#006AC2;
}
/* ---------------------------------- 1ere couche */
/* barre de titre */
#barre_titre {
background:url(repetx.gif) repeat-x top right;
height:140px;
padding:0;
position:relative;
z-index:0;
}
#barre_titre h1 {
background:url(logo.gif) no-repeat top left;
font-size:0px;
position:absolute;
width:350px;
height:140px;
}
#barre_titre h1 a {
display:block;
height:140px;
text-indent:-7000em;
width:275px;
text-decoration:none;
}
/* zone d'angle */
#angle{
width:303px;
height:169px;
position:absolute;
background:url(angle.gif) no-repeat top left;
top:112px;
left:0;
z-index:0;
}
/* ---------------------------------- 2eme couche */
/* barre d'onglets */
#barre_onglets{
position:absolute;
z-index:1;
right:0;
left:250px;
top:140px;
height:25px;
}
#barre_onglets li{
width:107px;
float:left;
height:25px;
float:left;
}
#barre_onglets a{
background:url(btn.gif) no-repeat top;
display:block;
width:107px;
height:33px;
text-decoration:none;
color:#000;
text-align:center;
line-height:23px;
}
#barre_onglets a:hover{
background:url(onbtn.gif) no-repeat top;
color:#ff0;
}
/* colonne de gauche */
#colonne{
position:absolute;
z-index:1;
width:145px;
top:200px;
left:20px;
color:#fff;
}
/* zone principale */
#main{
position:absolute;
/*z-index:2;*/
top:180px;
width:640px;
left:180px;
}
/* -------------- FIN DES COUCHES --------------- */
/* ------------------------------ ZONE PRINCIPALE */
#main h1{
text-align:center;
font-weight:bold;
font-size:22pt;
color:#100160;
}
/* fenetres */
.fen{
margin-bottom:10px;
margin-top:10px;
background:#fff;
}
.fen1{background:url(top.gif) repeat-x top;}
.fen2{background:url(left.gif) repeat-y left;}
.fen3{background:url(right.gif) repeat-y right;}
.fen4{background:url(bottom.gif) repeat-x bottom;}
.fen5{background:url(topleft.gif) no-repeat top left;}
.fen6{background:url(topright.gif) no-repeat top right;}
.fen7{background:url(bottomleft.gif) no-repeat bottom left;}
.fen8{background:url(bottomright.gif) no-repeat bottom right;}
/* couches ds les fenetres */
.fen h2.titre_article,.fen h2.titre_article strong{
text-align:center;
padding:10px 10px 0 10px;
font-size:20pt;
font-weight:bold;
color:#100160;
}
.fen p.infos{
text-align:right;
position:relative;
padding-right:15px;
}
.fen p.apercus_photos{
text-align:center;
}
.fen p.apercus_photos img{
border:1px solid #100160;
}
.fen p.apercus_photos img:hover{
border:1px solid #B08FAA;
}
.fen .article{
padding:0 10px 0 10px;
}
.fen .article .photo{
margin:2px 5px 5px 0;
float:left;
}
.fen .article .commentaire_photo{
font-style:italic;
text-align:center;
border:1px solid #100160;
}
.fen .liens{
clear:both;
padding:5px 10px 0 10px;
}
.fen .new_comment h3,.fen .comments h3,.fen #new_livredor h3{
font-size:14pt;
font-weight:bold;
text-align:center;
color:#100160;
}
.fen .new_comment,.fen .comments,.fen #new_livredor{
padding:20px;
margin:20px 20px 0 20px;
border:1px solid #000;
background-color:#fff;
}
.fen .comments li,.fen #livredor li{
padding:10px 5px 10px 15px;
}
.fen .comments em,.fen #livredor em{ /*commentaire*/
line-height:200%;
text-align:justify;
}
.fen p.lien_titre{
text-align:center;
}
.fen p.warning,.fen p.erreur{
padding-left:20px;
}
/*--------------------------------------- COLONNE */
#colonne h2{
padding:10px 0 10px 0;
font-weight:bold;
}
#colonne p,#colonne h2,body{
color:#000;
}
#barre_onglets{
top:95px;
}
#barre_titre{
height:150px;
}
#colonne{
top:220px;
}